<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<title>Usuarios</title>
<script type="text/javascript">
validarCamposUsuarioNuevo = function(){
	try{
		var valEnt = 0;
		var frmNuevoUsuario = document.getElementById("frmNuevoUsuario");
		var aliasUsuario = frmNuevoUsuario.elements['aliasUsuario'].value;
		var claveUsuario = frmNuevoUsuario.elements['claveUsuario'].value;
		var nomUsuario = frmNuevoUsuario.elements['nomUsuario'].value;
		var patUsuario = frmNuevoUsuario.elements['patUsuario'].value;
		var matUsuario = frmNuevoUsuario.elements['matUsuario'].value;
		var errorDivAli = document.getElementById("errorDivAli");
		var errorDivClv = document.getElementById("errorDivClv");
		var errorDivNom = document.getElementById("errorDivNom");
		var errorDivPat = document.getElementById("errorDivPat");
		var errorDivMat = document.getElementById("errorDivMat");
		if(aliasUsuario == ""){
			document.getElementById("errorDivAli").innerHTML = "El campo esta vacio";
			valEnt ++;
		} else {
			document.getElementById("errorDivAli").innerHTML = "";
		}
		if(claveUsuario == ""){
			document.getElementById("errorDivClv").innerHTML = "El campo esta vacio";
			valEnt ++;
		} else {
			document.getElementById("errorDivClv").innerHTML = "";
		}
		if(nomUsuario == ""){
			document.getElementById("errorDivNom").innerHTML = "El campo esta vacio";
			valEnt ++;
		} else {
			document.getElementById("errorDivNom").innerHTML = "";
		}
		if(patUsuario == ""){
			document.getElementById("errorDivPat").innerHTML = "El campo esta vacio";
			valEnt ++;
		} else {
			document.getElementById("errorDivPat").innerHTML = "";
		}
		if(matUsuario == ""){
			document.getElementById("errorDivMat").innerHTML = "El campo esta vacio";
			valEnt ++;
		} else {
			document.getElementById("errorDivMat").innerHTML = "";
		}
		if(valEnt == 0){
			frmNuevoUsuario.submit();
		}
	}catch(e){
		alert("validarCamposRolEditar  [  " + e);
	}
};
</script>
</head>
<body>
<div id="global">
<div id="header">
<jsp:include page="/header.jsp"></jsp:include>
</div>
<div id="body">
<h3 class="ui-widget-header">NUEVO USUARIO</h3>
<div id="form-roles">
<form action="${pageContext.request.contextPath}/usuarios/usuariosController?method=5" id="frmNuevoUsuario" name="frmNuevoUsuario" method="post"> 
    <table id="table-form-roles">
       <tr>
           <td class="label">
               <label for="">ALIAS USUARIO:</label>
           </td>
           <td class="control">
               <input type="text" name="aliasUsuario" id="aliasUsuario"  value="" class="required" />
               <div id="errorDivAli" style="color:red;"></div>
           </td>
       </tr>
       <tr>
           <td class="label">
               <label for="">CLAVE USUARIO:</label>
           </td>
           <td class="control">
               <input type="text" name="claveUsuario" id="claveUsuario"  value="" class="required" />
               <div id="errorDivClv" style="color:red;"></div>
           </td>
       </tr>
       <tr>
           <td class="label">
               <label for="">NOMBRE USUARIO:</label>
           </td>
           <td class="control">
               <input type="text" name="nomUsuario" id="nomUsuario"  value="" class="required" />
               <div id="errorDivNom" style="color:red;"></div>
           </td>
       </tr>
       <tr>
           <td class="label">
               <label for="">APELLIDO PATERNO:</label>
           </td>
           <td class="control">
               <input type="text" name="patUsuario" id="patUsuario"  value="" class="required" />
               <div id="errorDivPat" style="color:red;"></div>
           </td>
       </tr>
       <tr>
           <td class="label">
               <label for="">APELLIDO MATERNO:</label>
           </td>
           <td class="control">
               <input type="text" name="matUsuario" id="matUsuario"  value="" class="required" />
               <div id="errorDivMat" style="color:red;"></div>
           </td>
       </tr>
       <tr>
           <td class="label">
               <label for="">SEXO:</label>
           </td>
           <td class="control">
                <select id="sexoUsuario" name="sexoUsuario" class="drop-down" > 
				<c:forEach items="${listSexo}" var="order" varStatus="orderStatus">
				  <option value="${order.idValor}"> ${order.descValor} </option>
				</c:forEach>
				</select>
           </td>
       </tr>
       <tr>
           <td class="label">
               <label for="">ROL:</label>
           </td>
           <td class="control">
                <select id="idRol" name="idRol" class="drop-down" > 
				<c:forEach items="${listRoles}" var="order" varStatus="orderStatus">
				  <option value="${order.idValor}"> ${order.descValor} </option>
				</c:forEach>
				</select>
           </td>
       </tr>
       <tr>
           <td class="label">
               <label for="">VIGENCIA:</label>
           </td>
           <td class="control">
                <select id="idVigencia" name="idVigencia" class="drop-down" > 
				<c:forEach items="${listVigencia}" var="order" varStatus="orderStatus">
				  <option value="${order.idValorCad}"> ${order.descValor} </option>
				</c:forEach>
				</select>
           </td>
       </tr>
       <tr>
               <td colspan="2" align="center"><input type="button" value="Guardar" class="buttonGreen" onclick="validarCamposUsuarioNuevo();"/></td>
       </tr>
    </table>
</form>
</div>
</div>
</div>
</body>
</html>
